<template>
  <div class="p-schedule common-bg">
    <div class="conetnt">
      <div class="item" v-for="(item, index) in dataList" :key="index">
        <div class="item-left">
          <div class="start-time">{{ item.StartTime }}</div>
        </div>
        <div class="item-right">
          <div class="right-top">
            <div style="padding-left: 1.25rem">{{ item.MatchName }}</div>
          </div>
          <img src="@/assets/img/line-divide.png" alt="" width="100%" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Schedule',
  props: {
    dataList: {
      type: Array,
      default: () => [
        {
          StartTime: '09:00',
          MatchName: '测试赛1',
        },
        {
          StartTime: '11:00',
          MatchName: '测试赛2',
        },
        {
          StartTime: '14:00',
          MatchName: '测试赛3',
        },
        {
          StartTime: '16:00',
          MatchName: '测试赛4',
        },
      ],
    },
  },
}
</script>
<style lang="less" scoped>
@import '@/assets/less/schedule.less';
@import '@/assets/less/common.less';
</style>
